<template>
  <div>
    <h1>我是app的页面</h1>
    <!-- 通过函数 已有的事件做名称 放到组件上  需要注意,组件是不是自己可以触发 
    组件 一般 自己定义事件,不用已有的
    -->
    <App806 :list="arr" @clickddddd="myfocus"   :key-val="10" :fn-click="add"   > </App806>
  </div>
</template>

<script setup>
import { reactive } from 'vue';
import App806 from './components/App806.vue';
let arr = reactive([
  { id: 1, name: "苹果", price: 100 },
  { id: 2, name: "苹果", price: 100 },
  { id: 3, name: "三星", price: 1000 },
  { id: 4, name: "小米", price: 10 }])

let add = function (val) {
  console.log("add",val);
}


let myfocus = function (val,b,c) {
  console.log("myfocus",val,b,c);
}
</script>

<style  scoped></style>